// 2.0 tabs 选项卡
.tabs {
  &_title {
    display: flex;
    height: 88rpx;
    &_item {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      &.active {
        font-weight: bold;
        border-bottom: 4rpx solid var(--pimaryColor);
      }
    }
  }
}

// less 中 & 就是引用父级选择器。
// 3.0 商品列表
.goods {
  &_item {
    display: flex;
    padding: 20rpx;
    &_image {
      width: 190rpx;
      height: 190rpx;
      margin-right: 30rpx;
    }
    &_info {
      flex: 1;
      display: flex;
      // 把主轴方向改成垂直
      flex-direction: column;
      // 主轴两端靠边对齐
      justify-content: space-between;
    }
    &_price {
      color: var(--pimaryColor);
      &::before {
        content: "¥";
        font-size: 80%;
        margin-right: 4rpx;
      }
    }
  }
}
